/* microWeb CSS preprocessor v.1.13 (2022060404) */
.upload_receipt { background-color: #D9FCFB; }
.upload_receipt .session_content { position:relative; width:40%; left:0; right:0; margin:auto; }
.upload_receipt .session_content .middle_image { width:75%; position:relative; left:0; right:0; margin:auto; display:block; }
.upload_receipt .session_content .go_upload_btn { cursor:pointer; }
.upload_receipt .top_session { background-color:#0074BE; position: relative; width: 100%; height: 24em; margin-bottom: 6em; }
.upload_receipt .top_session .top_session_content { position:relative; width:100%; left:0; right:0; margin:auto; }
.upload_receipt .top_session .main_kv { display:block; position:relative; left:0; padding-top:0.5em; width:100%; }
.upload_receipt .top_session .top_content { position:relative; left:0; padding-top:2em; width:35%; color:white; }
.upload_receipt .top_session .top_content .text-yellow { color: #FECC66; }
.upload_receipt .top_session .kv_bkg { display:block; position:absolute; left:30%; width:70%; bottom:-5em; }
.upload_receipt .top_session .second_kv { display:block; position: absolute; top:0; left:45%; width:35%; }
.upload_receipt .boxed_content { position: relative; width: 74%; left: 0; right: 0; margin: auto; margin-top: 3em; border-radius: 20px; padding: 1em 1.5em; background-color: white; }
.upload_receipt .boxed_content .boxed_title { position: relative; margin-top: -1.7em; font-weight: bold; color: #1274BE; width: 100%; font-size: 20px; text-align: center; margin-bottom: 1em; }
.upload_receipt .boxed_content .show_shop_list { cursor:pointer; }
.upload_receipt .boxed_content .boxed_body { position: relative; width: 100%; color: #000; font-size: 14px; }
.upload_receipt .shop_list_popup_container { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); z-index:99999; }
.upload_receipt .shop_list_popup_container .shop_list_popup_dialog { position:relative; width:50%; left:0; right:0; margin:auto; top:50%; transform:translateY(-50%); padding:2em; background-color: #D9FCFB; border:3px solid #1274BE; border-radius: 5px; color:#000; }
.upload_receipt .shop_list_popup_container .shop_list_popup_dialog .title { width:100%; padding-bottom:1em; font-size: 120%; color: #1274BE; text-align:center; font-weight:bold; }
.upload_receipt .shop_list_popup_container .shop_list_popup_dialog .close_btn { width:2em; height:2em; position:absolute; top:-2.5em; right:0; }
.upload_receipt .shop_list_popup_container .shop_list_popup_dialog .close_btn svg { width:2em; }
.upload_receipt .shop_list_popup_container .shop_list_popup_dialog .close_btn svg line { stroke: white; }
@media only screen and (max-width:1441px) {
.upload_receipt .session_content { position:relative; width:50%; left:0; right:0; margin:auto; }
}
@media only screen and (max-width:576px) {
.upload_receipt .top_session_content { width:100%; }
.upload_receipt .top_session { width:100%; height: 21em; margin-bottom: 3em; }
.upload_receipt .top_session .main_kv { width: 130%; }
.upload_receipt .session_content { width:100%; padding-left:15px; padding-right:15px; }
.upload_receipt .session_content .middle_image { width:90%; }
.upload_receipt .session_content .boxed_content { width:95%; }
.shop_list_popup_container { height: 100%; }
.shop_list_popup_container .shop_list_popup_dialog { font-size: 13px !important; max-width: 100% !important; line-height: 21px !important; padding:20px; height: 100%; width: 95% !important; height: 80%; overflow-x: scroll; }
}
@media only screen and (max-width:414px) {
.upload_receipt .top_session_content { width:100%; }
.upload_receipt .top_session { width:100%; height: 21em; margin-bottom: 3em; }
}
@media only screen and (max-width:390px) {
.upload_receipt .top_session { height: 20em; }
}
@media only screen and (max-width:375px) {
.upload_receipt .top_session { height: 19em; }
}
@media only screen and (max-width:320px) {
.shop_list_popup_container .shop_list_popup_dialog { max-width:100%; }
}